<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>你好Html</title>
	</head>
	<!-- Ctrl+Shift+/ -->
	<!-- 显示在页面中内容 -->
	<body>
		第一节课
		<!-- src、width、height都是属性 -->
		<img src="img/11.png"></img>
		<img src="img/11.png"/>
		<img src="img/11.png" width="100px" height="100px"></img>
		
		<!-- 标题：headline -->
		<h1>一级标题</h1>
		<h2>二级标题</h2>
		<h3>三级标题</h3>
		<h4>四级标题</h4>
		<h5>五级标题</h5>
		<h6>六级标题</h6>
		
		<!-- 段落：paragraph -->
		<p>高老师是Java讲师，杜老师也是Java讲师，臧老师也是Java讲师</p>
		<p>鞠老师是H5讲师，李老师也是H5讲师</p>
		<!-- 在html中要实现换行，要是用br这个标签 -->
		高老师是Java讲师，杜老师也是Java讲师，臧老师也是Java讲师<br/>
		鞠老师是H5讲师，李老师也是H5讲师
		<!-- 水平线 hr -->
		<hr />
		<!-- 超链接 a 
		 target="_blank"在新窗口中打开
		 -->
		<a href="http://www.baidu.com" target="_blank">超链接跳转到百度</a>
		
		<!-- 有序列表 ol:ordered list 
			li: list item(项)
		-->
		<ol>
			<li>北京</li>
			<li>上海</li>
			<li>深圳</li>
			<li>广州</li>
		</ol>
		<!-- 无序列表：ul: unordered list 
			要表达一个集合概念，用ul，
			默认ul左边有小圆点，我们不是为了要这个
		-->
		<ul>
			<li>北京</li>
			<li>上海</li>
			<li>深圳</li>
			<li>广州</li>
		</ul>
	</body>
</html>
